<!doctype html>


<html>
<head>
  <link rel="shortcut icon" href="static/images/favicon.ico" type="image/x-icon">
  <title>AffineTransform (Closure Library API Documentation - JavaScript)</title>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/doc.css">
  <link rel="stylesheet" href="static/css/sidetree.css">
  <link rel="stylesheet" href="static/css/prettify.css">

  <script>
     var _staticFilePath = "static/";
  </script>

  <script src="static/js/doc.js">
  </script>

  <meta charset="utf8">
</head>

<body onload="prettyPrint()">

<div id="header">
  <div class="g-section g-tpl-50-50 g-split">
    <div class="g-unit g-first">
      <a id="logo" href="index.html">Closure Library API Documentation</a>
    </div>

    <div class="g-unit">
      <div class="g-c">
        <strong>Go to class or file:</strong>
        <input type="text" id="ac">
      </div>
    </div>
  </div>
</div>





<div class="colmask rightmenu">
<div class="colleft">
    <div class="col1">
      <!-- Column 1 start -->

<div id="title">
        <span class="fn">graphics.AffineTransform</span>
        <span>Extends</span>
        <span class="fn-name">
          <a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">
            Object</a>
        </span>
</div>

<div class="g-section g-tpl-75-25">
  <div class="g-unit g-first" id="description">
    Creates a 2D affine transform. An affine transform performs a linear
mapping from 2D coordinates to other 2D coordinates that preserves the
&quot;straightness&quot; and &quot;parallelness&quot; of lines.

Such a coordinate transformation can be represented by a 3 row by 3 column
matrix with an implied last row of [ 0 0 1 ]. This matrix transforms source
coordinates (x,y) into destination coordinates (x&#39;,y&#39;) by considering them
to be a column vector and multiplying the coordinate vector by the matrix
according to the following process:
<pre class="lang-js">
[ x&#39;]   [  m00  m01  m02  ] [ x ]   [ m00x + m01y + m02 ]
[ y&#39;] = [  m10  m11  m12  ] [ y ] = [ m10x + m11y + m12 ]
[ 1 ]   [   0    0    1   ] [ 1 ]   [         1         ]
</pre>

This class is optimized for speed and minimizes calculations based on its
knowledge of the underlying matrix (as opposed to say simply performing
matrix multiplication).
  </div>


        <div class="g-unit" id="useful-links">
          <div class="title">Useful links</div>
          <ol>
            <li><a href="closure_goog_graphics_affinetransform.js.source.html"><span class='source-code-link'>Source Code</span></a></li>
          </ol>
        </div>
</div>






<h2 class="g-first">Inheritance</h2>
<pre class="inheritance">
Object
     <img src="static/images/inherit.gif">goog.graphics.AffineTransform
</pre>




  <h2>Constructor</h2>
      <div class="fn-constructor">
    goog.graphics.AffineTransform(<span><span class="arg">opt_m00</span>,&nbsp;<span class="arg">opt_m10</span>,&nbsp;<span class="arg">opt_m01</span>,&nbsp;<span class="arg">opt_m11</span>,&nbsp;<span class="arg">opt_m02</span>,&nbsp;<span class="arg">opt_m12</span></span>)
  </div>

   <h3>Parameters</h3>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">opt_m00</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The m00 coordinate of the transform.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_m10</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The m10 coordinate of the transform.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">opt_m01</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The m01 coordinate of the transform.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_m11</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The m11 coordinate of the transform.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">opt_m02</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The m02 coordinate of the transform.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_m12</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The m12 coordinate of the transform.</div>
     </td>
   </tr>
  </table>


<h2>Instance Methods</h2>


  <div class="legend">
        <span class="key publickey"></span><span>Public</span>
        <span class="key protectedkey"></span><span>Protected</span>
        <span class="key privatekey"></span><span>Private</span>
  </div>







<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_graphics_AffineTransform.html">
              goog.graphics.AffineTransform
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.clone"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">clone<span class="args">()</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            A copy of this transform.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line82">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.concatenate"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">concatenate<span class="args">(<span class="arg">tx</span>)</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       Concatenates an affine transform to this transform.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">tx</span>
        : <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
        <div class="entryOverview">The transform to concatenate.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            This affine transform.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line260">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.copyFrom"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">copyFrom<span class="args">(<span class="arg">tx</span>)</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       Sets this transform to be identical to the given transform.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">tx</span>
        : <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
        <div class="entryOverview">The transform to copy.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            This affine transform.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line121">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.createInverse"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">createInverse<span class="args">()</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            An AffineTransform object representing the inverse transformation.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line355">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.getDeterminant"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getDeterminant<span class="args">()</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>&nbsp;
            The determinant of this transform.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line331">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.getScaleX"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getScaleX<span class="args">()</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>&nbsp;
            The scaling factor in the x-direction (m00).
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line209">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.getScaleY"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getScaleY<span class="args">()</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>&nbsp;
            The scaling factor in the y-direction (m11).
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line217">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.getShearX"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getShearX<span class="args">()</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>&nbsp;
            The shear factor in the x-direction (m01).
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line241">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.getShearY"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getShearY<span class="args">()</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>&nbsp;
            The shear factor in the y-direction (m10).
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line249">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.getTranslateX"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getTranslateX<span class="args">()</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>&nbsp;
            The translation in the x-direction (m02).
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line225">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.getTranslateY"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getTranslateY<span class="args">()</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>&nbsp;
            The translation in the y-direction (m12).
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line233">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.isIdentity"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isIdentity<span class="args">()</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span></div>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span></div>&nbsp;
            Whether this transform is the identity transform.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line73">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.isInvertible"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isInvertible<span class="args">()</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span></div>
      </div>


     <div class="entryOverview">
       Returns whether the transform is invertible. A transform is not invertible
if the determinant is 0 or any value is non-finite or NaN.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span></div>&nbsp;
            Whether the transform is invertible.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line342">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.preConcatenate"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">preConcatenate<span class="args">(<span class="arg">tx</span>)</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       Pre-concatenates an affine transform to this transform.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">tx</span>
        : <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
        <div class="entryOverview">The transform to preconcatenate.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            This affine transform.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line282">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.rotate"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">rotate<span class="args">(<span class="arg">theta</span>,&nbsp;<span class="arg">x</span>,&nbsp;<span class="arg">y</span>)</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       Concatentates this transform with a rotation transformation around an anchor
point.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">theta</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The angle of rotation measured in radians.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">x</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The x coordinate of the anchor point.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">y</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The y coordinate of the anchor point.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            This affine transform.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line171">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.scale"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">scale<span class="args">(<span class="arg">sx</span>,&nbsp;<span class="arg">sy</span>)</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       Concatentates this transform with a scaling transformation.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">sx</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The x-axis scaling factor.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">sy</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The y-axis scaling factor.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            This affine transform.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line139">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.setToRotation"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setToRotation<span class="args">(<span class="arg">theta</span>,&nbsp;<span class="arg">x</span>,&nbsp;<span class="arg">y</span>)</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       Sets this transform to a rotation transformation.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">theta</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The angle of rotation measured in radians.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">x</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The x coordinate of the anchor point.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">y</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The y coordinate of the anchor point.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            This affine transform.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line464">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.setToScale"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setToScale<span class="args">(<span class="arg">sx</span>,&nbsp;<span class="arg">sy</span>)</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       Sets this transform to a scaling transformation.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">sx</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The x-axis scaling factor.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">sy</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The y-axis scaling factor.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            This affine transform.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line427">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.setToShear"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setToShear<span class="args">(<span class="arg">shx</span>,&nbsp;<span class="arg">shy</span>)</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       Sets this transform to a shearing transformation.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">shx</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The x-axis shear factor.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">shy</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The y-axis shear factor.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            This affine transform.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line451">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.setToTranslation"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setToTranslation<span class="args">(<span class="arg">dx</span>,&nbsp;<span class="arg">dy</span>)</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       Sets this transform to a translation transformation.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">dx</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The distance to translate in the x direction.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">dy</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The distance to translate in the y direction.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            This affine transform.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line439">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.setTransform"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setTransform<span class="args">(<span class="arg">m00</span>,&nbsp;<span class="arg">m10</span>,&nbsp;<span class="arg">m01</span>,&nbsp;<span class="arg">m11</span>,&nbsp;<span class="arg">m02</span>,&nbsp;<span class="arg">m12</span>)</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       Sets this transform to the matrix specified by the 6 values.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">m00</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The m00 coordinate of the transform.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">m10</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The m10 coordinate of the transform.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">m01</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The m01 coordinate of the transform.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">m11</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The m11 coordinate of the transform.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">m02</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The m02 coordinate of the transform.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">m12</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The m12 coordinate of the transform.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            This affine transform.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line99">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.shear"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">shear<span class="args">(<span class="arg">shx</span>,&nbsp;<span class="arg">shy</span>)</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       Concatentates this transform with a shear transformation.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">shx</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The x shear factor.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">shy</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The y shear factor.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            This affine transform.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line184">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.toString"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">toString<span class="args">()</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span></div>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span></div>&nbsp;
            A string representation of this transform. The format of of the string is compatible with SVG matrix notation, i.e. &quot;matrix(a,b,c,d,e,f)&quot;.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line200">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.transform"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">transform<span class="args">(<span class="arg">src</span>,&nbsp;<span class="arg">srcOff</span>,&nbsp;<span class="arg">dst</span>,&nbsp;<span class="arg">dstOff</span>,&nbsp;<span class="arg">numPts</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Transforms an array of coordinates by this transform and stores the result
into a destination array.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">src</span>
        : <div class="fullType"><span>!</span><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>&gt;</div>
        <div class="entryOverview">The array containing the source points as x, y value pairs.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">srcOff</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The offset to the first point to be transformed.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">dst</span>
        : <div class="fullType"><span>!</span><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>&gt;</div>
        <div class="entryOverview">The array into which to store the transformed point pairs.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">dstOff</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The offset of the location of the first transformed point in the destination array.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">numPts</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The number of points to tranform.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line314">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.prototype.translate"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">translate<span class="args">(<span class="arg">dx</span>,&nbsp;<span class="arg">dy</span>)</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       Concatentates this transform with a translate transformation.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">dx</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The distance to translate in the x direction.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">dy</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The distance to translate in the y direction.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            This affine transform.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line155">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>














<h2>Static Methods</h2>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.getRotateInstance"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.graphics.AffineTransform.</span><span class="entryName">getRotateInstance<span class="args">(<span class="arg">theta</span>,&nbsp;<span class="arg">x</span>,&nbsp;<span class="arg">y</span>)</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       Creates a transform representing a rotation transformation.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">theta</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The angle of rotation measured in radians.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">x</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The x coordinate of the anchor point.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">y</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The y coordinate of the anchor point.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            A transform representing a rotation transformation.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line415">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.getScaleInstance"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.graphics.AffineTransform.</span><span class="entryName">getScaleInstance<span class="args">(<span class="arg">sx</span>,&nbsp;<span class="arg">sy</span>)</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       Creates a transform representing a scaling transformation.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">sx</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The x-axis scaling factor.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">sy</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The y-axis scaling factor.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            A transform representing a scaling transformation.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line375">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.getShearInstance"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.graphics.AffineTransform.</span><span class="entryName">getShearInstance<span class="args">(<span class="arg">shx</span>,&nbsp;<span class="arg">shy</span>)</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       Creates a transform representing a shearing transformation.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">shx</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The x-axis shear factor.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">shy</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The y-axis shear factor.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            A transform representing a shearing transformation.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line401">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.AffineTransform.getTranslateInstance"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.graphics.AffineTransform.</span><span class="entryName">getTranslateInstance<span class="args">(<span class="arg">dx</span>,&nbsp;<span class="arg">dy</span>)</span>
        </span>
        &#8658; <div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>
      </div>


     <div class="entryOverview">
       Creates a transform representing a translation transformation.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">dx</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The distance to translate in the x direction.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">dy</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The distance to translate in the y direction.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span></div>&nbsp;
            A transform representing a translation transformation.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_graphics_affinetransform.js.source.html#line388">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>









<div class="section">
  <table class="horiz-rule">


  </table>
</div>
      <!-- Column 1 end -->
    </div>

        <div class="col2">
          <!-- Column 2 start -->
          <div class="col2-c">
            <h2 id="ref-head">Package graphics</h2>
            <div id="localView"></div>
          </div>

          <div class="col2-c">
            <h2 id="ref-head">Package Reference</h2>
            <div id="sideTypeIndex" rootPath="goog" current="graphics.AffineTransform"></div>
          </div>
          <!-- Column 2 end -->
        </div>
</div>
</div>

</body>
</html>
